<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>INSPINIA | Dashboard</title>

    <link href="resources/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="resources/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="resources/css/pluginsExt/redTea/redTea.css"/>
    <!-- Toastr style -->
    <link href="resources/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="resources/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <link href="resources/css/animate.css" rel="stylesheet">
    <link href="resources/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="resources/css/plugins/perfect-scrollbar/perfect-scrollbar.css"/>
    <link rel="stylesheet" href="resources/css/pluginsExt/common.css"/>

</head>

<body style='overflow: hidden'>
<nav class="navbar navbar-static-top my-nav-top" role="navigation" style="margin-bottom: 0">
    <div class="logo">
        <img src="resources/img/logo.png" alt=""/>
    </div>
    <div class="nav-header nav-user">
        <div class="dropdown selUser">

            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                <img alt="" class="img-circle" src="resources/img/profile_small.jpg">

                <span class="username">Bob</span>

                <i class="icon-angle-down"></i>

            </a>

            <!--<ul class="dropdown-menu">-->

                <!--<li><a href="profile_2.html"><i class="fa fa-user"></i>  个人信息</a></li>-->
                <!--<li><a href="inbox.html"><i class="fa fa-key"></i> 修改密码 </a></li>-->
                <!--<li><a href="#"><i class="fa fa-envelope"></i> 邮件</a></li>-->
                <!--<li><a href="page_calendar.html"><i class="fa fa-gear"></i>  设置</a></li>-->

                <!--<li class="divider"></li>-->

                <!--<li><a href="extra_lock.html"><i class="fa fa-unlock-alt"></i>&nbsp; 锁屏</a></li>-->

                <!--<li><a href="login.html"><i class="fa fa-power-off"></i> 退出</a></li>-->

            <!--</ul>-->
        </div>
        <div class="right-icon pull-right">
            <a title="提醒" class="profile col-md-3 col-lg-3" target="profile" href="profile.html"><span class="badge">6</span><i class="fa fa-bell"></i></a>
            <a title="邮件" class="mailbox col-md-3 col-lg-3" target="mailbox" href="mailbox.html"><span class="badge">4</span><i class="fa fa-envelope"></i></a>
            <a title="退出" class="logout col-md-3 col-lg-3" href="login.html"><i class="fa fa-sign-out"></i></a>
        </div>
    </div>
    <ul class="nav nav-tabs nav-first" role="tablist" id="tabList">

    </ul>
</nav>
<nav class="navbar-default navbar-static-side nav-my" role="navigation">
    <div class="sidebar-collapse" id="scroll-left" >
            <ul class="nav tab-content metismenu" id="side-menu">

            </ul>
    </div>
        <div class="wshowbg">
            <div class="lfFootitem wshow"></div>
        </div>
        <div class="wshowhide">
            <div class="wshowopen"></div>
        </div>
</nav>
<div id="Menu1">
    <li class="refCurrent">刷新当前窗口</li>
    <li class="closeAll">关闭全部选项卡</li>
    <li class="closeOt">关闭其他选项卡</li>
</div>
<div id="page-wrapper" class="gray-bg dashbard-1">
    <div class="topbar">
        <div class="bigtab">
            <ul class="navtab">
                <li id="home"  class="active">
                    <a href="home.html" target="home">首页</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="content">
        <iframe class="home" id="div_home" name="home" src="home.html" width="100%" height="100%"  frameborder="0" allowTransparency="true"></iframe>
    </div>
</div>
<div class="deterBody">
</div>
<script src="resources/js/jquery-2.1.1.js"></script>
<script src="resources/js/bootstrap/bootstrap.min.js"></script>
<script src="resources/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="resources/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="resources/js/inspinia.js"></script>
<script src="resources/js/plugins/pace/pace.min.js"></script>
<script src="resources/js/plugins/perfectScrollbar/jquery.mousewheel.js"></script>
<script src="resources/js/plugins/perfectScrollbar/perfect-scrollbar.js"></script>
<script src="resources/js/plugins/layer/layer.js"></script>
<script src="resources/js/plugins/artTemplate/template.js"></script>
<script src="resources/js/pluginsExt/addTab.js"></script>
<script src="resources/js/pluginsExt/index.js"></script>
<script type="text/template" id="new">
    {{each}}
        {{if $value.url=='adc'}}
            <div role="tabpanel" class="tab-pane active" id="{{$value.url}}">
                <li>
                    <a href="#"><i class="{{$value.icon}}"></i> <span>{{$value.name}}</span><span class="fa arrow"></span> </a>
                    {{if $value.child}}
                    <ul class="nav nav-second-level collapse">
                        {{each $value.child}}
                        <li><a target="{{$value.id}}" class="{{$value.id}}" href="{{$value.url}}">{{$value.name}}</a></li>
                        {{/each}}
                    </ul>
                    {{/if}}
                </li>
            </div>
            {{else}}
                <div role="tabpanel" class="tab-pane" id="{{$value.url}}">
                    <li>
                        <a href="#"><i class="{{$value.icon}}"></i> <span>{{$value.name}}</span><span class="fa arrow"></span> </a>
                        {{if $value.child}}
                        <ul class="nav nav-second-level collapse">
                            {{each $value.child}}
                            <li><a target="{{$value.id}}" class="{{$value.id}}" href="{{$value.url}}">{{$value.name}}</a></li>
                            {{/each}}
                        </ul>
                        {{/if}}
                    </li>
                </div>
        {{/if}}
    {{/each}}
</script>
<script type="text/template" id="navTab">
    {{each}}
    {{if $value.id==1}}
    <li role="presentation" class="active">
        <a href="{{$value.url}}" role="tab" data-toggle="tab">{{$value.name}}</a>
    </li>
    {{else}}
        <li role="presentation">
            <a href="{{$value.url}}" role="tab" data-toggle="tab">{{$value.name}}</a>
        </li>
    {{/if}}
    {{/each}}
</script>
<script>
    var navTab={
        list:[
            {"pid":0,"id":1,"url":'#adc',"name":"会员中心"},
            {"pid":0,"id":2,"url":'#profile',"name":"标准中心"},
            {"pid":0,"id":3,"url":'#messages',"name":"产品中心"},
            {"pid":0,"id":4,"url":'#chart',"name":"业务中心"},
            {"pid":0,"id":5,"url":'#samllTool',"name":"内容中心"},
            {"pid":0,"id":6,"url":'#page',"name":"系统管理"},
        ]
    }
    var sideBar={
        list: [
            {pid:0,id:1,"icon":"fa fa-home","url":"adc", "name":"新增控件","ajaxurl":""},
            {pid:1,"id":"home","url":"home.html","name":"home"},
            {pid:1,"id":"bootstrapTab","url":"newModule/bootstrap-table-develop/bootstrapTab.html","name":"bootstrapTab"},
            {pid:1,"id":"jQueryValidate","url":"newModule/jQueryValidate/jQueryValidate.html","name":"jQueryValidate"},
            {pid:1,"id":"dateTimePicker","url":"newModule/dateTimePicker/dateTimePicker.html","name":"dateTimePicker"},
            {pid:1,"id":"fileinput","url":"newModule/bootstrap-fileinput/fileinput.html","name":"fileinput"},
            {pid:1,"id":"tagsInput","url":"newModule/bootstrapTagsInput/bootstrapTagsInput.html","name":"tagsInput"},
            {pid:1,"id":"diglog","url":"newModule/dialog/dialog.html","name":"diglog"},
            {pid:1,"id":"demoTable","url":"newModule/bootstrap-table-develop/demo.html","name":"demoTable"},
            {pid:1,"id":"treetable","url":"newModule/TreeTable/treeTable.html","name":"treetable"},
            {pid:1,"id":"layer","url":"newModule/layer/layer.html","name":"layer"},
            {pid:1,"id":"standard","url":"newModule/standard/standard.html","name":"标准录入"},
            {pid:1,"id":"lazyLoad","url":"newModule/lazyLoad/lazyLoad.html","name":"懒加载"},
            {pid:1,"id":"evelTask","url":"newModule/evaluate/evalTask.html","name":"评价任务"},
            {pid:0,id:2,"icon":"fa fa-edit", "url":"profile", "name":"表单","ajaxurl":""},
            {pid:2,"id":"form_basic","url":"form_basic.html","name":"基础表单"},
            {pid:2,"id":"form_advanced","url":"form_advanced.html","name":"高级插件"},
            {pid:2,"id":"form_wizard","url":"form_wizard.html","name":"向导"},
            {pid:2,"id":"form_file_upload","url":"form_file_upload.html","name":"文件上传"},
            {pid:2,"id":"form_editors","url":"form_editors.html","name":"编辑器"},
            {pid:2,"id":"form_markdown","url":"form_markdown.html","name":"MarkDown"},
            {pid:0,id:3,"icon":"fa fa-bar-chart-o", "url":"messages", "name":"统计图表","ajaxurl":""},
            {pid:3,"id":"graph_flot","url":"graph_flot.html","name":"Flot"},
            {pid:3,"id":"graph_morris","url":"graph_morris.html","name":"Morris.js"},
            {pid:3,"id":"graph_rickshaw","url":"graph_rickshaw.html","name":"Rickshaw"},
            {pid:3,"id":"graph_chartjs","url":"graph_chartjs.html","name":"Chart.js"},
            {pid:3,"id":"graph_chartist","url":"graph_chartist.html","name":"响应式Chartist"},
            {pid:3,"id":"c3","obj":"c3","url":"c3.html","name":"C3 charts"},
            {pid:3,"id":"graph_peity","url":"graph_peity.html","name":"Peity Charts"},
            {pid:3,"id":"graph_sparkline","url":"graph_sparkline.html","name":"Sparkline Charts"},
        ]
    };
    var tabData=sideBar.list;
    var i= 0,len=sideBar.list.length,index= null,j=0;
    var prant=[], chiden=[];
    for(;i<len;i++){
        if(sideBar.list[i].pid==0){
            prant.push(sideBar.list[i])
        }else{
            chiden.push(sideBar.list[i])
        }
    }
    for(;j<prant.length;j++){
        prant[j].child=[];
        for(var k=0;k<chiden.length;k++){
            if(prant[j].id==chiden[k].pid){
                prant[j].child.push(chiden[k]);
            }
        }
    }
    //侧边栏
    var html=template('new',prant);
    document.getElementById('side-menu').innerHTML = html;
    //nav
    var html=template('navTab',navTab.list);
    document.getElementById('tabList').innerHTML = html;
    for(var i=0;i<tabData.length;i++){
        addClick(tabData[i].id,tabData[i].url,tabData[i].name)
    }
    $('.home').on('click',function(){
        CreateDiv('home','home.html',"首页");
    });
    $('#home').on('click',function(){
        CreateDiv('home','home.html',"首页");
    });
</script>
</body>
</html>
